<?xml version="1.0" encoding="utf-8"?>

<div xmlns="http://www.w3.org/1999/xhtml" component="$UI/system/components/justep/window/window" design="device:mobile">  
  <div component="$UI/system/components/justep/model/model" xid="model" style="left:18px;top:83px;height:244px;"> 
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="data" idColumn="id"> 
      <data xid="default5">[{"id":"1","imgUrl":"./img/test.png","title":"寻狗启示","fileUrl":"../4/latestNews-1.w","intro":"小区的王女士在区内人工湖散步，不慎将宠物狗遗失"},{"id":"2","imgUrl":"./img/test.png","title":"区内房产信息","fileUrl":"../4/latestNews-2.w","intro":"区内33栋2三单元3010出租..."}]</data>  
      <column label="id" name="id" type="String" xid="default12"/>  
      <column label="imgUrl" name="imgUrl" type="String" xid="default13"/>  
      <column label="title" name="title" type="String" xid="default14"/>  
      <column label="intro" name="intro" type="String" xid="default15"/>
    </div>  
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="data2" idColumn="id"> 
      <column label="id" name="id" type="String" xid="default16"/>  
      <column label="imgUrl" name="imgUrl" type="String" xid="default17"/>  
      <column label="title" name="title" type="String" xid="default18"/>  
      <column label="intro" name="intro" type="String" xid="default19"/>  
      <data xid="default20">[{"id":"1","imgUrl":"./img/3588606340.jpg","title":"6寸强机对决 索尼T2 Ultra对比中兴Memo II","intro":"不知从什么时候开始，智能手机市场对屏幕尺寸的质疑声消失了，随之一大波巨屏手机直接席卷了..."},{"id":"2","imgUrl":"./img/4178306288.jpg","title":"供应链问题可能会导致索尼Xperia Z2推迟出货","intro":"小道消息一向灵通的知名手机论坛Esato上的一名网友近日爆料，来自索尼的新旗舰Xperia Z2很可..."},{"id":"3","imgUrl":"./img/DSC_4972.jpg","title":"带着手机去春游 拍照智能手机推荐","intro":"转眼已经进入3月份，随着天气的逐渐转暖，是时候来一次说走就走的春游了。外出游玩，对手机..."},{"id":"4","imgUrl":"./img/3184540.jpg","title":"便宜实惠又好用 经典前旗舰手机推荐","intro":"当年笔者在上大学期间，虽然喜欢玩手机，奈何钱包君不给力，尽量挑选水货，剩下不少钱，对于..."},{"id":"5","imgUrl":"./img/1863674889.jpg","title":"或配光场相机 HTC M8双后镜头功能揭晓","intro":"随着发布会的日益临近，HTC M8(All New HTC One)的曝光新闻逐渐增多，在这其中想必大家最为..."},{"id":"6","imgUrl":"../4/img/842801157.png","title":"三星申请柔性屏新专利 线路排布问题解决","intro":"三星拥有柔性屏设计制造能力已经有一段时间了，不过现在我们还没有看到三星在该领域有太大的..."},{"id":"7","imgUrl":"../4/img/1683453444.jpg","title":"iOS 8亮点多:改善地图新增交通服务","intro":"苹果自从发布iOS 7系统以及iPhone 5s之后就消息不断，而果粉们最近关注的消息有苹果..."},{"id":"8","imgUrl":"../4/img/2939196100.jpg","title":"奇葩视角 三星获21:9屏幕比例手机专利","intro":"手机屏幕比例近两年从常见的4：3慢慢发展成为16：9，这一更加符合黄金分割的比例与大屏趋势..."},{"id":"9","imgUrl":"../4/img/2820545581.jpg","title":"4GB内存/64位处理器？ 三星S5顶配版曝光","intro":"新发布的三星新旗舰GALAXY;S5吸引不了你？为啥，是因为配置性能没有太大提升么？如果..."},{"id":"10","imgUrl":"../4/img/3056760215.jpg","title":"13日行情:双四核手机联通双卡版报3480","intro":"三星GALAXY S4绝对是当下手机市场中最炙手火热的智能机之一。这款手机采用了简约时尚..."}]</data>
    </div>  
    <div component="$UI/system/components/justep/data/data" autoLoad="true"
      xid="data3" idColumn="id"> 
      <column label="id" name="id" type="String" xid="default21"/>  
      <column label="title" name="title" type="String" xid="default22"/>  
      <data xid="default23">[{"id":"1","title":"高配何必多花钱 市售低价发烧手机盘点"},{"id":"2","title":"Android仍是主流 热门学生智能手机一览"},{"id":"3","title":"外观/配置并重 90后最佳之选的8大手机"},{"id":"4","title":"天语发布电商品牌“nibiru”及首款手机H1"},{"id":"5","title":"识别率高达98% 一加手机或将采用声纹解锁"},{"id":"6","title":"跨界手机领头羊 港版三星Note3售3399"},{"id":"7","title":"7英寸屏顶配手机 华为荣耀X1仅售1799"},{"id":"8","title":"谷歌亲子最新系统 LG Nexus 5仅售2299"},{"id":"9","title":"小米路由的新故事：做智能家居核心"},{"id":"10","title":"3200mAh容量 双卡版Butterfly s售3180"},{"id":"11","title":"个性拍照神器再降 三星S4 Zoom仅1580元"},{"id":"12","title":"三防大屏实力派 索尼XL39h仅售2710元"}]</data>
    </div>  
  </div>  
  <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"> 
    <div class="x-panel-top"> 
      <div component="$UI/system/components/justep/titleBar/titleBar" title="最新动态"
        class="x-titlebar"> 
        <div class="x-titlebar-left"> 
          <a component="$UI/system/components/justep/button/button" label=""
            class="btn btn-link btn-only-icon" icon="icon-chevron-left" onClick="backBtnClick"
            xid="backBtn"> 
            <i class="icon-chevron-left"/>  
            <span/> 
          </a> 
        </div>  
        <div class="x-titlebar-title">最新动态</div>  
        <div class="x-titlebar-right reverse"/> 
      </div> 
    </div>  
    <div class="x-panel-content"> 
      <div component="$UI/system/components/justep/panel/panel" class="x-panel x-full"
        xid="panel1"> 
        <div class="x-panel-top" xid="top1"> 
          <div component="$UI/system/components/justep/button/buttonGroup"
            class="btn-group btn-group-justified" tabbed="true" xid="buttonGroup1"> 
            <a component="$UI/system/components/justep/button/button" class="btn btn-link"
              label="最新资讯" xid="button1" target="latestNews"> 
              <i xid="i1"/>  
              <span xid="span1">最新资讯</span> 
            </a>  
            <a component="$UI/system/components/justep/button/button" class="btn btn-link"
              label="行业新闻" xid="button2" target="professionNews"> 
              <i xid="i2"/>  
              <span xid="span2">行业新闻</span> 
            </a>  
            <a component="$UI/system/components/justep/button/button" class="btn btn-link"
              label="新闻资讯" xid="button3" target="news"> 
              <i xid="i3"/>  
              <span xid="span3">新闻资讯</span> 
            </a> 
          </div> 
        </div>  
        <div class="x-panel-content" xid="content2"> 
          <div component="$UI/system/components/justep/contents/contents" class="x-contents x-full"
            active="0" xid="dataContents" slidable="false"> 
            <div class="x-contents-content" xid="latestNews"> 
              <div class="x-scroll" component="$UI/system/components/justep/scrollView/scrollView"
                xid="scrollView1"> 
                <div class="x-content-center x-pull-down container" xid="div1"> 
                  <i class="x-pull-down-img glyphicon x-icon-pull-down" xid="i1"/>  
                  <span class="x-pull-down-label" xid="span1">下拉刷新...</span> 
                </div>  
                <div class="x-scroll-content" xid="div2"> 
                  <div component="$UI/system/components/justep/list/list" class="x-list"
                    xid="list1" data="data" limit="7"> 
                    <ul class="x-list-template" xid="listTemplateUl1"> 
                      <li xid="li1" class="x-flex list-row" bind-click="open"> 
                        <div xid="col21" class="head-pic-data"> 
                          <div bind-visible="val('id') != 5"> 
                            <img style="width:66px;height:66px" class="img-rounded"
                              bind-attr-src="$model.getImageUrl($object)"/> 
                          </div> 
                        </div>  
                        <div class="x-flex1" xid="col23" style="padding-left:10px;"> 
                          <div _component="$UI/system/components/justep/row/row"
                            class="x-flex" xid="row8"> 
                            <div component="$UI/system/components/justep/output/output"
                              class="x-output x-title-data" xid="output6" bind-ref="ref('title')"/> 
                          </div>  
                          <div _component="$UI/system/components/justep/row/row"
                            class="x-flex" xid="row9"> 
                            <div component="$UI/system/components/justep/output/output"
                              class="x-flex1 x-output content-data x-intro" xid="output7"
                              bind-ref="ref('intro')"/>  
                            <i class="icon-chevron-right"/> 
                          </div> 
                        </div> 
                      </li> 
                    </ul> 
                  </div> 
                </div>  
                <div class="x-content-center x-pull-up"> 
                  <span class="x-pull-up-label">加载更多...</span> 
                </div> 
              </div> 
            </div>  
            <div class="x-contents-content" xid="professionNews"> 
              <div class="x-scroll" component="$UI/system/components/justep/scrollView/scrollView"
                xid="scrollView2"> 
                <div class="x-content-center x-pull-down container"> 
                  <i class="x-pull-down-img glyphicon x-icon-pull-down"/>  
                  <span class="x-pull-down-label">下拉刷新...</span> 
                </div>  
                <div class="x-scroll-content"> 
                  <div component="$UI/system/components/justep/list/list" class="x-list"
                    xid="list2" data="data2" limit="7"> 
                    <ul class="x-list-template" xid="listTemplateUl2"> 
                      <li xid="li2" class="x-flex list-row" bind-click="open"> 
                        <div class="head-pic-data"> 
                          <img style="width:66px;height:66px" class="img-rounded"
                            bind-attr-src="$model.getImageUrl($object)"/> 
                        </div>  
                        <div class="x-flex1" style="padding-left:10px;"> 
                          <div _component="$UI/system/components/justep/row/row"
                            class="x-flex"> 
                            <div component="$UI/system/components/justep/output/output"
                              class="x-output x-title-data" bind-ref="ref('title')"/> 
                          </div>  
                          <div _component="$UI/system/components/justep/row/row"
                            class="x-flex"> 
                            <div component="$UI/system/components/justep/output/output"
                              class="x-flex1 x-output content-data x-intro" bind-ref="ref('intro')"/>  
                            <i class="icon-chevron-right"/> 
                          </div> 
                        </div> 
                      </li> 
                    </ul> 
                  </div> 
                </div>  
                <div class="x-content-center x-pull-up" xid="div3"> 
                  <span class="x-pull-up-label" xid="span2">加载更多...</span> 
                </div> 
              </div> 
            </div>  
            <div class="x-contents-content" xid="news"> 
              <div class="x-scroll" component="$UI/system/components/justep/scrollView/scrollView"
                xid="scrollView3"> 
                <div class="x-content-center x-pull-down container"> 
                  <i class="x-pull-down-img glyphicon x-icon-pull-down"/>  
                  <span class="x-pull-down-label">下拉刷新...</span> 
                </div>  
                <div class="x-scroll-content"> 
                  <div component="$UI/system/components/justep/list/list" class="x-list"
                    xid="list3" data="data3" limit="7"> 
                    <ul class="x-list-template" xid="listTemplateUl3"> 
                      <li bind-click="open"> 
                        <div component="$UI/system/components/justep/row/row"
                          class="x-row"> 
                          <div class="x-col x-col-90"> 
                            <div component="$UI/system/components/justep/output/output"
                              class="x-output" bind-ref="ref('title')"/> 
                          </div>  
                          <div class="x-col"> 
                            <span> 
                              <i class="icon-chevron-right"/> 
                            </span> 
                          </div> 
                        </div> 
                      </li> 
                    </ul> 
                  </div> 
                </div>  
                <div class="x-content-center x-pull-up"> 
                  <span class="x-pull-up-label">加载更多...</span> 
                </div> 
              </div> 
            </div> 
          </div> 
        </div> 
      </div>  
      <div xid="parent"/> 
    </div> 
  </div> 
</div>
